<html>

<head>
    <meta charset="utf-8" />
    <title>AJAXJS Web UI Demo</title>
    <link rel="stylesheet" type="text/css" href="../../dist/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../dist/css/widget/modal/alert.css" />
    <link rel="stylesheet" type="text/css" href="../../dist/css/form/control.css" />
    <link rel="stylesheet" type="text/css" href="../common/demo.css" />
    <script src="https://lib.baomitu.com/vue/2.6.11/vue.js"></script>
</head>

<body>
    <div class="box">
        <h1>Welcome to AJAXJS Web UI</h1>
        <div>
            <menu>
                <span></span>
            </menu>
            <div class="content">
                <h2>模态窗口 Modal</h2>
                <p>Modal 本意为模态，——实际指的就是对话框、警告框、消息框、小窗口之类的。</p>
                <h2>警告 alert、确认 confirm</h2>
                <p>全屏幕弹窗，居中显示文字。其中 cfg.afterClose : Function 为关闭弹窗后的回调，可选的。 该方法无须使用标签，而是 JS 方法调用。</p>
                <pre class="prettyprint"><xmp>aj.alert(text:String, cfg:Object);  // 弹窗  
aj.widget.msgbox.close();           // 关闭</xmp></pre>
                <button class="aj-btn" onclick="aj.alert('操作<b>成功</b>！');">Click to alert</button> &nbsp;&nbsp;&nbsp;
                <button class="aj-btn" onclick="aj.showConfirm('操作<b>成功</b>！');">Click to confirm</button>&nbsp;&nbsp;&nbsp;
                <button class="aj-btn" onclick="aj.simpleOk('操作<b>成功</b>！');">SimpleOk</button>
                <p>例子：</p>
                <pre class="prettyprint"><xmp>aj.alert('Hello World!');
// 显示“确定”按钮，第二个参数为回调，可选
aj.showOk('Hello World!', ()=>alert('点击了确定按钮')); 
// 显示“是、否”的选择按钮，第二个参数为点击“是”时候的回调，可选
aj.showConfirm("Hello World!", ()=>alert('点击了 yes 按钮')); </xmp></pre>
                <p>所有回调函数执行之后都会关闭弹出的窗体。</p>
            </div>
            <div class="copyright">
                <div></div>
            </div>
        </div>
    </div>
    <script src="../common/demo.js"></script>
    <script src="../../dist/base/prototype.js"></script>
    <script src="../../dist/base/aj.js"></script>
    <script src="../../dist/widget/msgbox.js"></script>
</body>

</html>